import { StrictMode } from "react";
import { createRoot } from "react-dom/client";

import App from "./App";
import ThemeProvider from "./providers/ThemeProvider";
import AntdProvider from "./providers/AntdProvider";
import AudioPlayerProvider from "./providers/AudioPlayerProvider";
import WebSocketProvider from "./providers/WebsocketProvider";

import "tailwindcss/tailwind.css";
import "@/assets/style/main.css";

const root = createRoot(document.getElementById("root")!);

root.render(
  <StrictMode>
    <ThemeProvider>
      <AntdProvider>
        <AudioPlayerProvider>
          <WebSocketProvider>
            <App />
          </WebSocketProvider>
        </AudioPlayerProvider>
      </AntdProvider>
    </ThemeProvider>
  </StrictMode>,
);
